<!-- 个人资料显示区域 -->
<div id="manager-profile" class="loading">加载中...</div>

<!-- 个人资料表单区域 -->
<div id="profile-form-container" style="display: none;">
    <h3>修改个人与公司资料</h3>
    <form id="update-profile-form">
        <div class="form-section">
            <h4>个人资料</h4>
            <div class="form-group">
                <label for="profile-name">姓名</label>
                <input type="text" id="profile-name" name="name" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="profile-gender">性别</label>
                <select id="profile-gender" name="gender" class="form-control" required>
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
            <div class="form-group">
                <label for="profile-age">年龄</label>
                <input type="number" id="profile-age" name="age" class="form-control" min="1" max="120" required>
            </div>
            <div class="form-group">
                <label for="profile-phone">手机号</label>
                <input type="text" id="profile-phone" name="phone" class="form-control" required pattern="[0-9]{11}" title="请输入11位手机号码">
            </div>
            <div class="form-group">
                <label for="profile-email">邮箱</label>
                <input type="email" id="profile-email" name="email" class="form-control">
            </div>
            <div class="form-group">
                <label for="profile-address">住址</label>
                <input type="text" id="profile-address" name="address" class="form-control">
            </div>
        </div>
        
        <div class="form-section">
            <h4>公司资料</h4>
            <div class="form-group">
                <label for="company-name">公司名称</label>
                <input type="text" id="company-name" name="companyName" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="company-phone">公司电话</label>
                <input type="text" id="company-phone" name="companyPhone" class="form-control">
            </div>
            <div class="form-group">
                <label for="company-address">公司地址</label>
                <input type="text" id="company-address" name="companyAddress" class="form-control">
            </div>
        </div>
        
        <div class="form-group">
            <button type="submit" class="btn btn-primary">保存修改</button>
            <button type="button" id="cancel-edit-btn" class="btn btn-secondary">取消</button>
        </div>
    </form>
    
    <div class="password-note">
        <i class="fas fa-info-circle"></i>
        <span>修改密码请前往登录页"忘记密码"处</span>
    </div>
</div>

<!-- 操作按钮 -->
<div class="profile-actions">
    <button id="edit-profile-btn" class="btn btn-primary">修改信息</button>
    <button id="delete-company-btn" class="btn btn-danger">注销公司</button>
</div>

<!-- 用户资料显示模板 -->
<template id="user-profile-template">
    <div class="user-profile-info">
        <div class="profile-section">
            <h3>个人资料</h3>
            <p><strong>ID：</strong>{{userId}}</p>
            <p><strong>姓名：</strong>{{userName}}</p>
            <p><strong>性别：</strong>{{userGender}}</p>
            <p><strong>年龄：</strong>{{userAge}}</p>
            <p><strong>手机号：</strong>{{userPhone}}</p>
            <p><strong>邮箱：</strong>{{userEmail}}</p>
            <p><strong>住址：</strong>{{userAddress}}</p>
            <p><strong>身份证号：</strong>{{userIdCard}}</p>
            <p><strong>角色：</strong>{{userRole}}</p>
            <p><strong>账号状态：</strong>{{userStatus}}</p>
        </div>
        
        <div class="profile-section">
            <h3>公司资料</h3>
            <p><strong>公司ID：</strong>{{companyId}}</p>
            <p><strong>公司名称：</strong>{{companyName}}</p>
            <p><strong>公司电话：</strong>{{companyPhone}}</p>
            <p><strong>公司地址：</strong>{{companyAddress}}</p>
            <p><strong>统一社会信用代码：</strong>{{companyCreditCode}}</p>
            <p><strong>员工数量：</strong>{{companyEmployeeCount}}</p>
            <p><strong>公司状态：</strong>{{companyStatus}}</p>
        </div>
        
        <div class="alert alert-info mt-3">
            <i class="fas fa-info-circle"></i> 如果需要修改密码，请前往登录页面使用"忘记密码"功能。
        </div>
    </div>
</template> 